/**
 * Created by wuli等等 on 2017/3/4.
 */
import React, { Component } from 'react';
import { View, Text,StyleSheet} from 'react-native';
import Icon from 'react-native-vector-icons/FontAwesome';

export default class CollectionIcon extends Component {

    render() {
        const { type,value }=this.props;
        return (
            <View style={styles.row}>
                <View style={styles.type}>
                    <Text style={styles.text1}>{type}</Text>
                </View>
                <View style={styles.if}>
                    <Text style={styles.text2}>{value}</Text>
                </View>
            </View>
        )
    }
}

let styles = StyleSheet.create({
    row:{
        flex:1,
        flexDirection:"row",
        justifyContent: 'space-between',
        borderBottomWidth:1,
        borderBottomColor:"#DEDEDE",
        alignItems: 'center',
    },
    type:{
        marginLeft:15,
    },
    text1:{
        fontSize:16,
        color:"#454545"
    },
    if:{
        marginRight:15
    },
    text2:{
        fontSize:15,

    }
});